<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>接收人</title>
<link rel="stylesheet" href="css/css.css" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
    <ul class="tb_ul">
    	<li class="tb_left"><img src="img/symbol-a.png" /></li>
        <li class="tb_center">接收人</li>
    </ul>
</header>
<div class="search">
    <ul>
        <li><img src="img/search-a.png" /></li>
        <li><input type="text" placeholder="输入接收人姓名" /></li>
    </ul>
</div>
<div class="list-c" style="padding-top:5em;">


<!--显示点击的是哪一个字母-->
	<div id="showLetter" class="showLetter"><span>A</span></div>
<!--城市索引查询-->
    <div class="letter">
        <ul>
            <li><a href="javascript:;">A</a></li>
            <li><a href="javascript:;">B</a></li>
            <li><a href="javascript:;">C</a></li>
            <li><a href="javascript:;">D</a></li>
            <li><a href="javascript:;">E</a></li>
            <li><a href="javascript:;">F</a></li>
            <li><a href="javascript:;">G</a></li>
            <li><a href="javascript:;">H</a></li>
            <li><a href="javascript:;">J</a></li>
            <li><a href="javascript:;">K</a></li>
            <li><a href="javascript:;">L</a></li>
            <li><a href="javascript:;">M</a></li>
            <li><a href="javascript:;">N</a></li>
            <li><a href="javascript:;">P</a></li>
            <li><a href="javascript:;">Q</a></li>
            <li><a href="javascript:;">R</a></li>
            <li><a href="javascript:;">S</a></li>
            <li><a href="javascript:;">T</a></li>
            <li><a href="javascript:;">W</a></li>
            <li><a href="javascript:;">X</a></li>
            <li><a href="javascript:;">Y</a></li>
            <li><a href="javascript:;">Z</a></li>
        </ul>
    </div>
<!--城市列表-->
    <div class="container">
    	<div class="city">
            <div class="city-list"><span class="city-letter" id="A1">Z</span>
                <p data-id="210300">张三</p>
            </div>
            <div class="city-list"><span class="city-letter" id="A1">L</span>
            	<p data-id="210300">李四</p>
            </div>
        </div>
	</div>
       
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/zepto.js"></script>

</body>